@import "mixin";

///**
// * 通用样式
// */

$font-42: 42px;
$font-F1: 36px;
$font-F2: 34px;
$font-F3: 30px;
$font-F4: 28px;
$font-F5: 26px;
$font-F6: 24px;
$font-F7: 22px;
$color-C1: #282828;
$color-C2: #bbbbbb;
$color-C3: #e6e6e6;
$color-C4: #737373;
$color-C5: #a8a8a8;
$color-C6: #f56d9d;
$color-C7: #f5f5f5;

/* 推客公共 */
.form-box {
  background-color: #ffffff;
  overflow: hidden;
}

.form-inline {
  @include px2rem(width, 672px);
  height: 0.48rem;
  background-color: #FFFFFF;
  line-height: 0.48rem;
  font-size: 0.37333rem;
  color: #282828;
  position: relative;
  padding: 0.48rem 0.52rem;
  border: 0;
  border-bottom: 1px solid $color-C3;
  margin: 0 auto;
}

.line-bg {
  width: 100%;
  @include px2rem(height, 20px);
  background-color: #f5f5f5;
}

.form-inline input {
  border: 0;
  padding: 0 0.4rem;
  width: 70%;
  box-sizing: border-box;
  @include px2rem(font-size, $font-F4);
  color: $color-C1;

}

.form-inline span:nth-child(1) {
  @include px2rem(width, 136px);
  display: inline-block;
}

.form-inline span i {
  color: $color-C6;
  display: inline-block;
  padding-top: 0.05rem;
  vertical-align: top;
}

.form-arrow {
  @include px2rem(width, 21px);
  @include px2rem(height, 39px);
  display: block;
  position: absolute;
  right: 0.53rem;
  @include px2rem(top, 35px);
  background-image: url("../img/work_details_more_ico@3x.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.form-submit {
  @include px2rem(width, 670px);
  @include px2rem(height, 36px);
  @include px2rem(line-height, 36px);
  @include px2rem(font-size, $font-F3);
  padding: 0.4rem 0;
  background-color: #FFFFFF;
  text-align: center;
  color: #ffffff;
  background-color: $color-C1;
  margin: 0.4rem auto 0.6rem;
}

/* 首次申请 */
.apply-bg {

  width: 100%;
  background-color: #000;
  @include px2rem(height, 1275px);
  //@include bgImage("../img/twitter/apply_page@2x.png");
  background-image: url("../img/twitter/apply_page@2x.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
  @include px2rem(padding-top, 980px)

}

.apply-checkbox {
  @include px2rem(width, 300px);
  @include px2rem(height, 36px);
  @include px2rem(line-height, 36px);
  @include px2rem(font-size, $font-F4);
  color: #ffffff;
  box-sizing: border-box;
  @include px2rem(margin-left, 225px);
  text-align: center;
}

.apply-checkbox span {
  display: inline-block;
  @include px2rem(width, 30px);
  @include px2rem(height, 30px);
  background-image: url("../img/twitter/apply_tk_agree_box@2x.png");
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 0.2rem;
  box-sizing: border-box;
  position: relative;
  @include px2rem(top, 4px);
}

.apply-checkbox .active {
  //background-color: $color-C6;
  background-image: url("../img/twitter/apply_tk_agree_right_box@2x.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.apply-btn {
  @include px2rem(width, 554px);
  @include px2rem(height, 100px);
  @include px2rem(line-height, 100px);
  margin-top: 0.53rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  color: #FFFFFF;
  @include px2rem(font-size, $font-F3);
  box-sizing: border-box;
  background-image: url("../img/twitter/apply_tk_bt@2x.png");
  background-size: contain;
  background-repeat: no-repeat;
}

/* 推客信息 */
.form-box {
  background-color: #ffffff;
  overflow: hidden;
}

.form-inline {
  @include px2rem(width, 670px);
  @include px2rem(height, 28px);
  @include px2rem(line-height, 28px);
  @include px2rem(font-size, $font-F4);
  color: $color-C1;
  @include px2rem(padding-top, 36px);
  @include px2rem(padding-bottom, 36px);
  @include px2rem(padding-left, 40px);
  @include px2rem(padding-right, 40px);
  border-bottom: 1px solid $color-C3;
}

.form-inline-input {
  @include px2rem(text-indent, 30px);
  @include px2rem(width, 525px);
  //width: 70%;
}

.from-hint {
  @include px2rem(width, 670px);
  @include px2rem(height, 28px);
  @include px2rem(line-height, 28px);
  @include px2rem(font-size, $font-F4);
  color: $color-C1;
  @include px2rem(padding-top, 36px);
  @include px2rem(padding-bottom, 36px);
  @include px2rem(padding-left, 40px);
  @include px2rem(padding-right, 40px);
  border-bottom: 1px solid $color-C3;
  color: $color-C6;

}

.form-inline span i {
  color: $color-C6;
}

.form-inline em {
  @include px2rem(text-indent, 30px);
  @include px2rem(height, 40px);
  @include px2rem(line-height, 40px);
  //width: 70%;
  @include px2rem(width, 455px);
  padding: 0 0.4rem;
  @include px2rem(font-size, $font-F4);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}

.form-hint {
  @include px2rem(width, 670px);
  @include px2rem(height, 28px);
  @include px2rem(padding-top, 40px);
  @include px2rem(padding-bottom, 40px);
  @include px2rem(padding-left, 40px);
  @include px2rem(padding-right, 40px);
  color: $color-C1;
}

.twitter-title {
  @include px2rem(font-size, 32px);
  color: $color-C1;
  @include px2rem(height, 40px);
  @include px2rem(line-height, 40px);
  width: auto;
  text-align: center;
  padding: 0.4rem 0;
  margin: 0 0.5333rem;
}

.form-idCard {
  @include px2rem(width, 600px);
  @include px2rem(height, 336px);
  margin: 0 auto;
  border: 4px solid $color-C6;
  box-sizing: border-box;
  @include px2rem(padding-top, 30px);
  margin-bottom: 0.4rem;
}

.from-idCard-text {
  @include px2rem(padding-top, 30px);
  margin: 0 auto;
  text-align: center;
}

.form-idCard-img {

  box-sizing: border-box;
  @include px2rem(width, 318px);
  @include px2rem(height, 204px);
  margin: auto;
  @include px2rem(padding-top, 33px);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../img/twitter/id_positive_pic@2x.png");
}

.form-idCard-imghold {

  box-sizing: border-box;
  @include px2rem(width, 318px);
  @include px2rem(height, 204px);
  margin: auto;
  @include px2rem(padding-top, 33px);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("../img/twitter/id_handle_positive_pic@2x.png");
}

.from-idCard-icon {
  @include px2rem(width, 138px);
  @include px2rem(height, 138px);
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/twitter/upload_id_ic@2x.png");
  background-repeat: no-repeat;
  box-sizing: border-box;
  background-size: contain;
  border: 0;
  background-position: center center;
}

.form-submit {
  @include px2rem(width, 670px);
  @include px2rem(height, 36px);
  @include px2rem(line-height, 36px);
  @include px2rem(font-size, $font-F3);
  margin-left: auto;
  margin-right: auto;
  @include px2rem(margin-bottom, 24px);
  display: block;
  border: 0;
  padding: 0.4rem 0;
  text-align: center;
  color: #ffffff;
  background-color: $color-C1;
  box-sizing: content-box;
}

/*申请推客成功*/
.twitter-success-icon {

  @include px2rem(width, 260px);
  @include px2rem(height, 260px);
  @include px2rem(margin-top, 60px);
  @include px2rem(margin-bottom, 46px);
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/twitter/tk_info_success_ico@2x.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  box-sizing: border-box;

}

.twitter-success-text {
  text-align: center;
}

.twitter-success-submit {
  @include px2rem(width, 670px);
  @include px2rem(height, 96px);
  @include px2rem(line-height, 96px);
  margin: 0.53rem auto;
  text-align: center;
  color: #FFFFFF;
  box-sizing: border-box;
  background-color: $color-C1;
}

/*推广*/
.promote-tab {
  box-sizing: border-box;
  background: #FFFFFF;
  @include px2rem(height, 88px);
  @include px2rem(line-height, 88px);
  @include px2rem(font-size, $font-F4);
  @include px2rem(padding-left, 100px);
  @include px2rem(padding-right, 100px);
  border-bottom: 0.03rem solid $color-C3;
  text-align: center;
}

.promote-tab li {
  display: inline-block;
  @include px2rem(width, 121px);
  text-align: center;
  @include px2rem(margin-left, 22px);
  @include px2rem(margin-right, 22px);
  box-sizing: border-box;
}

.promote-tab li.hover em {
  color: $color-C6;
  border-bottom: 2px solid $color-C6;
  @include px2rem(padding-bottom, 10px);
  @include px2rem(border-bottom-width, 2px);

}

/*邀请注册*/
.invite-content {
  background-image: url("../img/twitter/yy_pic.png");
  background-repeat: no-repeat;
  background-size: contain;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  @include px2rem(height, 1699px);
  background-position: top center;
}

.invite-rule {
  box-sizing: border-box;
  @include px2rem(width, 644px);
  @include px2rem(height, 180px);
  position: absolute;
  @include px2rem(top, 382px);
  @include px2rem(left, 53px);
  background-image: url("../img/twitter/invite_rules@2x.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.invite-submit {
  width: 100%;
  @include px2rem(height, 96px);
  @include px2rem(line-height, 96px);
  position: fixed;
  text-align: center;
  @include px2rem(bottom, 0px);
  color: #FFFFFF;
  @include px2rem(font-size, $font-F3);
  box-sizing: border-box;
  background-color: $color-C1;
}

/*推广有礼*/
.promote-gift-content {
  background: #FFFFFF;
  box-sizing: border-box;
  width: 100%;
  background-position: top center;
  position: relative;
  @include px2rem(height, 1265px);
  background-image: url("../img/twitter/tk_info_page@2x.png");
  background-repeat: no-repeat;
  background-size: contain;
}

.promote-gift-submit {
  width: 100%;
  @include px2rem(height, 96px);
  @include px2rem(line-height, 96px);
  position: fixed;
  @include px2rem(bottom, 0px);
  text-align: center;
  color: #FFFFFF;
  @include px2rem(font-size, $font-F3);
  box-sizing: border-box;
  background-color: $color-C1;
}

.promote-gift-rule {
  box-sizing: border-box;
  @include px2rem(width, 644px);
  @include px2rem(height, 180px);
  position: absolute;
  @include px2rem(top, 382px);
  @include px2rem(left, 53px);
  background-image: url("../img/twitter/money_rules@2x.png");
  background-repeat: no-repeat;
  background-size: contain;
}

/*推广有礼-奖励规则*/
.promote-rule-content {
  @include px2rem(height, 1988px);
  width: 100%;
  background-image: url("../img/twitter/reward_info_page.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/*分享*/
.share-bg {

  @include px2rem(width, 750px);
  @include px2rem(height, 1205px);
  background-image: url("../img/twitter/share_page.png");
  background-size: contain;
  background-position: center;
  position: relative;
  background-repeat: no-repeat;

}

.share-bg-register {

  @include px2rem(width, 750px);
  @include px2rem(height, 1205px);
  background-image: url("../img/twitter/log_in_pic_register.png");
  background-size: contain;
  background-position: center;
  position: elative;
  background-repeat: no-repeat;

}

.share-money {
  box-sizing: border-box;
  @include px2rem(width, 167px);
  @include px2rem(height, 30px);
  position: absolute;
  @include px2rem(top, 60px);
  @include px2rem(left, 291px);
  background-image: url("../img/twitter/earn_money_bt@2x.png");
  background-size: contain;
  background-position: center;
}

.share-desc {
  @include px2rem(padding-top, 150px);
  @include px2rem(width, 436px);
  margin-left: auto;
  margin-right: auto;
  color: #FFFFFF;
  text-align: center;
  box-sizing: border-box;
}

.share-desc-top {
  @include px2rem(padding-bottom, 24px);
  @include px2rem(font-size, 20px);
}

.share-desc-top span {
  color: #f00;
}

.share-desc-money {
  box-sizing: border-box;
  text-align: center;
  @include px2rem(font-size, $font-F2);
}

.share-desc-money span {
  display: inline-block;
  @include px2rem(width, 400px);
  @include px2rem(height, 86px);
  box-sizing: border-box;
  @include px2rem(padding-top, 26px);
  border: 0.05rem solid #FFFFFF;
  font-weight: bold;

}

.share-desc-money span li {
  display: inline-block;
  width: 0.80rem;
  @include px2rem(height, $font-F2);
  border-bottom-width: $font-F2;
  border-right: 0.05rem solid #FFFFFF;
}

.share-desc-money span li:nth-last-child(1) {
  border-right: 0.05rem solid transparent;
}

.share-center {
  position: absolute;
  @include px2rem(width, 598px);
  margin-right: auto;
  margin-left: auto;
  @include px2rem(top, 376px);
  @include px2rem(left, 76px);
}

.share-center-register {
  @include px2rem(top, 440px);
}

.share-center input {

  @include px2rem(width, 598px);
  @include px2rem(height, 86px);
  text-align: center;
  border: 0.03rem solid $color-C2;
  @include px2rem(font-size, $font-F5);
  color: $color-C5;
}

.share-center button {
  @include px2rem(width, 598px);
  @include px2rem(height, 86px);
  @include px2rem(line-height, 96px);
  @include px2rem(margin-top, 16px);
  text-align: center;
  border: 0;
  color: #FFFFFF;
  @include px2rem(font-size, $font-F4);
  box-sizing: border-box;
  background-color: $color-C1;
}

.share-twitter-name {
  @include px2rem(width, 598px);
  @include px2rem(height, 86px);
  @include px2rem(line-height, 86px);
  text-align: center;
  @include px2rem(font-size, $font-F6);
  box-sizing: border-box;
  color: $color-C4;
}

.share-register {
  @include px2rem(width, 566px);
  background-color: #FFFFFF;
  position: absolute;
  @include px2rem(left, 92px);
  @include px2rem(top, 170px);
  box-sizing: border-box;
  @include px2rem(right, 92px);
  @include px2rem(padding, 56px);
}

.share-dialog-title {
  font-weight: bold;
  color: $color-C1;
  text-align: center;
  margin: 0 auto;
  @include px2rem(font-size, 32px);

}

.share-dialog-hint {
  @include px2rem(font-size, $font-F6);
  color: $color-C1;
  @include px2rem(margin-top, 52px);
  @include px2rem(margin-bottom, 36px);
}

.share-dialog-hint span {
  font-weight: bold;
}

.share-dialog-old {
  text-align: center;
  @include px2rem(font-size, 28px);
}

.share-dialog-content {
  @include px2rem(width, 450px);
  @include px2rem(height, 66px);
  @include px2rem(line-height, 66px);
  box-sizing: border-box;
  @include px2rem(margin-bottom, 26px);
  text-align: left;
}

.share-dialog-content input {

  @include px2rem(width, 450px);
  @include px2rem(height, 66px);
  @include px2rem(padding-left, 24px);
  @include px2rem(padding-right, 24px);
  @include px2rem(font-size, $font-F5);
  color: $color-C1;
  box-sizing: border-box;
  border: 0.03rem solid $color-C2;
}

.share-dialog-input-code input {
  @include px2rem(width, 272px);
  @include px2rem(height, 66px);
}

.share-dialog-content span {

  display: inline-block;
  @include px2rem(width, 150px);
  @include px2rem(height, 66px);
  box-sizing: border-box;
  @include px2rem(line-height, 66px);
  @include px2rem(margin-left, 20px);
  background-color: $color-C1;
  color: #FFFFFF;
  text-align: center;

}

.dialog-input-error {
  @include px2rem(height, 32px);
  @include px2rem(margin-bottom, 10px);
  @include px2rem(font-size, $font-F6);
  color: $color-C6;
}

.dialog-submit {

  @include px2rem(width, 450px);
  @include px2rem(height, 86px);
  background-color: $color-C1;
  text-align: center;
  box-sizing: border-box;
  @include px2rem(line-height, 86px);
  @include px2rem(font-size, $font-F4);
  color: #FFFFFF;

}

.dialog-checkbox {
  @include px2rem(width, 300px);
  @include px2rem(height, 36px);
  @include px2rem(line-height, 36px);
  @include px2rem(font-size, $font-F4);
  color: $color-C1;
  margin: 0 auto;
  @include px2rem(padding-top, 16px);
  box-sizing: border-box;
  text-align: center;
}

.dialog-checkbox span {
  display: inline-block;
  @include px2rem(width, 30px);
  @include px2rem(height, 30px);
  background-image: url("../img/twitter/share_agree_box@2x.png");
  background-position: center center;
  background-size: contain;
  margin-top: 0.05rem;
  box-sizing: border-box;
  position: relative;
  @include px2rem(top, 2px);
}

.dialog-checkbox .active {
  //background-color: $color-C6;
  background-image: url("../img/twitter/share_agree_right_box@2x.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.dialog-close {
  @include px2rem(width, 25px);
  @include px2rem(height, 25px);
  margin: 0.2rem;
  padding: 0.1rem;
  background-image: url("../img/twitter/share_close_ic@2x.png");
  position: absolute;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center center;
}

.share-dialog-useragreement {
  position: absolute;
  top: 0;
  z-index: 1000;
  left: 0;
  right: 0;
  background: #FFFFFF;
  bottom: 0;
}

/*下载*/

.download-content {
  @include px2rem(width, 750px);
  @include px2rem(height, 1203px);
  position: relative;
  background-image: url("../img/twitter/tk_download_bg.png");
  background-size: contain;
}

.twitter-download-desc {
  @include px2rem(width, 354px);
  @include px2rem(height, 93px);
  position: absolute;
  @include px2rem(left,198px);
  @include px2rem(top,480px);
  background-image: url("../img/twitter/tk_download_txt.png");
  background-size: contain;
}

.invite-download-desc {
  @include px2rem(width, 354px);
  @include px2rem(height, 93px);
  position: absolute;
  @include px2rem(left, 198px);
  @include px2rem(top, 480px);
  background-image: url("../img/twitter/zc_download_txt.png");
  background-size: contain;
}

.download-content-old {
  @include px2rem(width, 750px);
  @include px2rem(height, 1203px);
  background-image: url("../img/twitter/new_user_download_page.png");
  background-size: contain;
}

.download-submit {
  @include px2rem(width, 670px);
  @include px2rem(height, 96px);
  @include px2rem(top, 960px);
  @include px2rem(line-height, 96px);
  left: 0.53rem;
  text-align: center;
  color: #FFFFFF;
  position: absolute;
  @include px2rem(font-size, $font-F3);
  box-sizing: border-box;
  background-color: $color-C1;
}

/*申请报备*/
.phone-book-icon {

  @include px2rem(width, 40px);
  @include px2rem(height, 42px);
  background: url("../img/twitter/customer_mark_address_ic@2x.png") center no-repeat;
  background-size: contain;
  position: absolute;
  margin-top: -0.04rem;
  margin-left: 0.2rem;
}

.get-sms-submit {
  @include px2rem(width, 160px);
  @include px2rem(height, 70px);
  @include px2rem(line-height, 70px);
  @include px2rem(border-radius, 3px);
  display: inline-block;
  color: #fff;
  background: #393939;
  text-align: center;
  position: absolute;
  margin-left: -1.4rem;
  margin-top: -0.25rem;
  opacity: 0.5;
}

/*客户列表*/
.title-tab {
  border-bottom: none
}

.qa-info-title a {
  display: inline-block;
  @include px2rem(width, 38px);
  @include px2rem(height, 38px);
  background-image: url(../img/money_Explain_ico@3x.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  vertical-align: middle;
  position: absolute;
  top: 0.3rem;
  right: 0.53rem;
}

.twitter-tab {
  padding: 0 0.68rem;
  box-sizing: border-box;
  background: #ffffff;
  @include px2rem(height, 88px);
  @include px2rem(line-height, 74px);
  @include px2rem(font-size, $font-F4);
  border-bottom: 1px solid #e6e6e6;

}

.twitter-tab li {
  display: inline-block;
  width: 24%;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}

.twitter-tab li.hover em {
  color: $color-C6;
  border-bottom: 4px solid $color-C6;
  @include px2rem(padding-bottom, 10px);
  @include px2rem(border-bottom-width, 2px);

}

.tab-count {
  @include px2rem(height, 68px);
  @include px2rem(line-height, 68px);
  @include px2rem(font-size, $font-F6);
  color: $color-C5;
  padding: 0 0.585rem;
  border-bottom: 1px solid #e6e6e6;

}

.box-list ul {
  position: relative;
  @include px2rem(height, 142px);
  @include px2rem(padding, 40px);
  @include px2rem(padding-top, 30px);
  background: #fff;
  box-sizing: border-box;
  border-bottom: 1px solid #e6e6e6;
}

.box-list ul li i.img {
  @include px2rem(height, 80px);
  @include px2rem(width, 80px);
  border-radius: 100%;
  margin-right: 0.53rem;
  display: block;
  background-image: url('');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;

}

.box-list ul li em.textcut {
  height: 0.53rem;
  line-height: 0.53rem;
  margin-top: 0.1rem;
}

.box-list ul li:nth-child(2) {
  width: 74%
}

.box-list i.icon-go {
  @include px2rem(width, 15px);
  @include px2rem(height, 30px);
  position: absolute;
  @include px2rem(top, 72px);
  right: 0.53rem;
  top: 0.7rem;
  display: block;
  background-image: url(../img/work_details_more_ico@3x.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/*客户详情*/

.box-time-line {
  padding: 0.4rem 0.53rem 0.4rem 0.58rem;
  background: #fff;
  margin-top: 0.2rem;
}

.box-time-line li {
  border-bottom: 1px solid #e6e6e6;
  margin: 0.4rem 0 0 0.7rem;
  padding-bottom: 0.4rem;
  @include px2rem(line-height, 40px);
  @include px2rem(height, 188px);
  box-sizing: border-box;

}

.box-time-line li:nth-child(2) span {
  color: $color-C1 !important;;
}

.box-time-line li:nth-child(2) .icon-time-point {
  background: #999;
  border-color: #eee;
}

.box-time-line li span em.time {
  @include px2rem(line-height, 60px);

}

.icon-time-point {
  @include px2rem(height, 22px);
  @include px2rem(width, 22px);
  background: #ddd;
  border-radius: 100%;
  border: 0.1rem solid #fff;
  margin-left: -0.75rem;
  position: relative;

}

.box-time-line div.line {
  width: 2px;
  top: 0.9rem;
  bottom: 2.5rem;
  border-left: 1px solid #e6e6e6;
  left: 0.76rem;
}

.box-list i.icon-call {
  @include px2rem(width, 35px);
  @include px2rem(height, 36px);
  position: absolute;
  right: 0.53rem;
  top: 0.7rem;
  display: block;
  background-image: url(../img/twitter/call_ico@2x.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.customer-no-data {
  margin: 2.2666rem auto;
  @include px2rem(width, 260px);
  @include px2rem(height, 260px);
  background-image: url(../img/twitter/tk_no_customer_ic@2x.png);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  text-align: center;
  @include px2rem(padding-top, 316px);
  box-sizing: border-box;
}

/*推客信息*/
.span-staus {
  @include px2rem(top, 55px);
  @include px2rem(right, 80px);
}

.box-list-min {
  @include px2rem(padding-left, 46px);
  background: #fff;
  border-bottom: 1px solid #e6e6e6;
}

.box-list-min ul {
  position: relative;
  @include px2rem(padding-top, 46px);
  @include px2rem(padding-bottom, 46px);
  @include px2rem(padding-right, 46px);
  @include px2rem(height, 124px);
  box-sizing: border-box;
  border-bottom: 1px solid #e6e6e6;
}

.box-list-min ul:last-child {
  border-bottom: none;
}

.box-list-min i.icon-go {
  @include px2rem(width, 15px);
  @include px2rem(height, 30px);
  position: absolute;
  @include px2rem(top, 46px);
  right: 0.53rem;
  display: block;
  background-image: url(../img/work_details_more_ico@3x.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

/*结佣明细*/
.box-list-info dl {
  @include px2rem(padding, 40px);
  @include px2rem(margin-bottom, 20px);
  background: #fff;
  padding-bottom: 0;
  border-bottom: 1px solid #e6e6e6;
}

.box-list-info dt {
  border-bottom: 1px solid #e6e6e6;
  @include px2rem(padding-bottom, 36px);
}

.box-list-info dd {
  @include px2rem(height, 80px);
  @include px2rem(line-height, 80px);
}

.base-no-data {
  margin: 2.2666rem auto;
  @include px2rem(width, 260px);
  @include px2rem(height, 260px);
  background-image: url("");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  text-align: center;
  @include px2rem(padding-top, 316px);
  box-sizing: border-box;
}

/*我的奖励*/
.reward-data ul:nth-child(1) {
  @include px2rem(height, 214px);
  @include px2rem(padding-top, 46px);
  box-sizing: border-box;
  border-bottom: 1px solid #e6e6e6;
}

.reward-data ul:nth-child(2) {
  @include px2rem(height, 146px);
  border-bottom: 1px solid #e6e6e6;
}

.reward-data ul:nth-child(2) li {
  @include px2rem(width, 372px);
  @include px2rem(margin-top, 30px);
  @include px2rem(line-height, 40px);

}

.reward-data ul:nth-child(2) li:nth-child(1) {
  @include px2rem(width, 372px);
  border-right: 1px solid #e6e6e6;
}

.reward-data .f74 {
  @include px2rem(font-size, 74px);
  @include px2rem(margin-top, 12px);
}

.push-list {
  padding: 0 0.53rem 0.3rem 0.53rem;

}

.push-list p {
  @include px2rem(height, 100px);
  @include px2rem(line-height, 100px);
}

.push-list ul {
  padding: 0.4rem 0;
}

.level-tags1, .level-tags2 {
  display: inline-block;
  text-align: center;
  @include px2rem(width, 54px);
  @include px2rem(height, 28px);
}

.level-tags1 {
  background: #feb7ce
}

.level-tags2 {
  background: #ecceed
}

/*我的佣金*/
.funds-data ul {
  @include px2rem(height, 246px);
  @include px2rem(padding-top, 50px);
  box-sizing: border-box;
}

.funds-data ul li.qa-info-title a {
  right: auto;
  top: auto;

}

.funds-data .f74 {
  @include px2rem(font-size, 74px);
  @include px2rem(margin-top, 12px);
}

.box-list-min ul li:nth-child(1) i {
  @include px2rem(width, 39px);
  @include px2rem(height, 44px);
  display: inline-block;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: contain;
  margin-right: 0.53rem;
}

.box-list-min ul li:nth-child(1) span {
  vertical-align: super;

}






